function App() {
  const say = ()=>alert("我被执行了")
  function out(){
    alert("我走了")
  }
  function Hi(e){
    console.log(e);
    // react 事件对象是对原生事件对象进行包裹
    alert("Hi,事件参数");
  }
  function fun(str){
    alert(str);
  }
  return ( <>
    <h1>事件传参</h1>
    <p onClick={()=>fun('你好')}>箭头函数传参</p>
    <p onClick={fun.bind(this,'bind返回新的函数')}>bind传参</p>
    <h1>事件的默认参数</h1>
    <p onClick={Hi}>默认click事件参数</p>
    <p onClick={e=>Hi(e)}>和上面是等价的</p>
    <h1>事件</h1>
    <p onClick={()=>alert("你开心就好")}>行内响应</p>
    <p onDoubleClick={say}>响应一个函数</p>
    <p onMouseOut={out}>响应普通函数</p>
    
  </> );
}

export default App;